.receive-record{
	height: 100vh;
	background-color: #f2f2f2;
	.receive-recoed-list{
		width: 100%;
		height:calc(100vh - (var(--status-bar-height) + 88rpx));
		padding: 0rpx 32rpx 0rpx 32rpx;
		box-sizing: border-box;
		.recoed-item{
			margin-top: 32rpx;
			width:100%;
			height: 232rpx;
			background: #FFFFFF;
			border-radius: 24rpx;
			padding: 24rpx 28rpx 24rpx 28rpx;
			box-sizing: border-box;
			position: relative;
			.overdue-status{
				position: absolute;
				top: 0;
				right: 0;
				width: 108rpx;
				height: 48rpx;
				background: #FFD2D2;
				border-radius: 0rpx 24rpx 0rpx 24rpx;
				font-size: 22rpx;
				font-family:$global-font-family;
				font-weight: 400;
				color: #CB1E1E;
				line-height: 48rpx;
				text-align: center;
			}
			.date-time{
				height: 32rpx;
				font-size: 24rpx;
				font-family:$global-font-family;
				font-weight: 400;
				color: #999999;
				line-height:32rpx;
			}
			.recoed-item-main{
				margin-top: 8rpx;
				display: flex;
				align-items: center;
				.invited-user-list{
					display: flex;
					
					.user-avatar-wrapper{
						width: 64rpx;
						height: 64rpx;
						border-radius: 50%;
						border: 4rpx #ffffff solid;
						background-color: red;
					}
				}
				.recoed-info{
					.recoed-info-code{
						height: 40rpx;
						font-size: 28rpx;
						font-family:$global-font-family;
						font-weight: 400;
						color: #333333;
						line-height: 40rpx;
						margin-bottom: 4rpx;
					}
					.recoed-info-receive-time,.recoed-info-overdue-time{
						height: 34rpx;
						font-size: 20rpx;
						font-family:$global-font-family;
						font-weight: 400;
						color: #999999;
						line-height: 34rpx;
						margin-top: 8rpx;
						.label{
							font-size: 24rpx;
							margin-right: 6rpx;
						}
					}
				}
			}
		}
	}
}